/* Default styles */
/* COLOR PALETTE

#FFE6E6;

#F2D1D1;

#DAEAF1;

#C6DCE4;

*/


* {
    font-family: 'Roboto', sans-serif;
}

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.usernameColor {
  color: #DAEAF1;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {
    * {
        background: #FFE6E6;
    }
  }
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 768px) {
    * {
        background: orange;
    }
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    * {
        background: pink;
    }
  }